<div class="page-header position-relative">
    <h1>
        Pricing Tables
        <small>
            <i class="icon-double-angle-right"></i>
            Large &amp; Small
        </small>
    </h1>
</div><!--/.page-header-->

<div class="row-fluid">
<!--PAGE CONTENT BEGINS HERE-->

<div class="row-fluid">
<div class="span3">
    <div class="widget-box pricing-box">
        <div class="widget-header header-color-dark">
            <h5 class="bigger lighter">Basic Package</h5>
        </div>

        <div class="widget-body">
            <div class="widget-main">
                <ul class="unstyled spaced2">
                    <li>
                        <i class="icon-ok green"></i>
                        10 GB Disk Space
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        200 GB Bandwidth
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        100 Email Accounts
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        10 MySQL Databases
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        $10 Ad Credit
                    </li>

                    <li>
                        <i class="icon-remove red"></i>
                        Free Domain
                    </li>
                </ul>

                <hr/>
                <div class="price">
                    $5
                    <small>/month</small>
                </div>
            </div>

            <div>
                <a href="#" class="btn btn-block btn-inverse">
                    <span>Buy</span>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="span3">
    <div class="widget-box pricing-box">
        <div class="widget-header header-color-orange">
            <h5 class="bigger lighter">Starter Package</h5>
        </div>

        <div class="widget-body">
            <div class="widget-main">
                <ul class="unstyled spaced2">
                    <li>
                        <i class="icon-ok green"></i>
                        50 GB Disk Space
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        1 TB Bandwidth
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        1000 Email Accounts
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        100 MySQL Databases
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        $25 Ad Credit
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        Free Domain
                    </li>
                </ul>

                <hr/>
                <div class="price">
                    $10
                    <small>/month</small>
                </div>
            </div>

            <div>
                <a href="#" class="btn btn-block btn-warning">
                    <span>Buy</span>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="span3">
    <div class="widget-box pricing-box">
        <div class="widget-header header-color-blue">
            <h5 class="bigger lighter">Business Package</h5>
        </div>

        <div class="widget-body">
            <div class="widget-main">
                <ul class="unstyled spaced2">
                    <li>
                        <i class="icon-ok green"></i>
                        200 GB Disk Space
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        Unlimited Bandwidth
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        1000 Email Accounts
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        200 MySQL Databases
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        $25 Ad Credit
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        Free Domain
                    </li>
                </ul>

                <hr/>
                <div class="price">
                    $15
                    <small>/month</small>
                </div>
            </div>

            <div>
                <a href="#" class="btn btn-block btn-primary">
                    <span>Buy</span>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="span3">
    <div class="widget-box pricing-box">
        <div class="widget-header header-color-green">
            <h5 class="bigger lighter">Ultimate Package</h5>
        </div>

        <div class="widget-body">
            <div class="widget-main">
                <ul class="unstyled spaced2">
                    <li>
                        <i class="icon-ok green"></i>
                        Unlimited Space
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        Unlimited Bandwidth
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        Unlimited Email Accounts
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        Unlimited MySQL Databases
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        $50 Ad Credit
                    </li>

                    <li>
                        <i class="icon-ok green"></i>
                        2 Free Domains
                    </li>
                </ul>

                <hr/>
                <div class="price">
                    $25
                    <small>/month</small>
                </div>
            </div>

            <div>
                <a href="#" class="btn btn-block btn-success">
                    <span>Buy</span>
                </a>
            </div>
        </div>
    </div>
</div>
</div>

<div class="space-24"></div>
<h3 class="header smaller red">Small Style</h3>

<div class="row-fluid">
<div class="span3">
    <div class="widget-box transparent">
        <div class="widget-header">
            <h5 class="bigger lighter">Package Name</h5>
        </div>

        <div class="widget-body">
            <div class="widget-main no-padding">
                <ul class="unstyled list-striped pricing-table-header">
                    <li>Disk Space</li>
                    <li>Bandwidth</li>
                    <li>Email Accounts</li>
                    <li>MySQL Databases</li>
                    <li>Ad Credit</li>
                    <li>Free Domain</li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="span2 pricing-span">
    <div class="widget-box pricing-box-small">
        <div class="widget-header header-color-red3">
            <h5 class="bigger lighter">Basic</h5>
        </div>

        <div class="widget-body">
            <div class="widget-main no-padding">
                <ul class="unstyled list-striped pricing-table">
                    <li> 10 GB</li>
                    <li> 200 GB</li>
                    <li> 100</li>
                    <li> 10</li>
                    <li> $10</li>

                    <li>
                        <i class="icon-remove red"></i>
                    </li>
                </ul>

                <div class="price">
												<span class="label label-large label-inverse arrowed-in arrowed-in-right">
													$5
													<small>/month</small>
												</span>
                </div>
            </div>

            <div>
                <a href="#" class="btn btn-block btn-small btn-danger">
                    <span>Buy</span>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="span2 pricing-span">
    <div class="widget-box pricing-box-small">
        <div class="widget-header header-color-orange">
            <h5 class="bigger lighter">Starter</h5>
        </div>

        <div class="widget-body">
            <div class="widget-main no-padding">
                <ul class="unstyled list-striped pricing-table">
                    <li> 50 GB</li>
                    <li> 1 TB</li>
                    <li> 1000</li>
                    <li> 100</li>
                    <li> $25</li>

                    <li>
                        <i class="icon-ok green"></i>
                        1
                    </li>
                </ul>

                <div class="price">
												<span class="label label-large label-inverse arrowed-in arrowed-in-right">
													$10
													<small>/month</small>
												</span>
                </div>
            </div>

            <div>
                <a href="#" class="btn btn-block btn-small btn-warning">
                    <span>Buy</span>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="span2 pricing-span">
    <div class="widget-box pricing-box-small">
        <div class="widget-header header-color-blue">
            <h5 class="bigger lighter">Business</h5>
        </div>

        <div class="widget-body">
            <div class="widget-main no-padding">
                <ul class="unstyled list-striped pricing-table">
                    <li> 200 GB</li>
                    <li> Unlimited</li>
                    <li> 1000</li>
                    <li> 200</li>
                    <li> $25</li>

                    <li>
                        <i class="icon-ok green"></i>
                        1
                    </li>
                </ul>

                <div class="price">
												<span class="label label-large label-inverse arrowed-in arrowed-in-right">
													$15
													<small>/month</small>
												</span>
                </div>
            </div>

            <div>
                <a href="#" class="btn btn-block btn-small btn-primary">
                    <span>Buy</span>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="span2 pricing-span">
    <div class="widget-box pricing-box-small">
        <div class="widget-header header-color-green">
            <h5 class="bigger lighter">Unlimited</h5>
        </div>

        <div class="widget-body">
            <div class="widget-main no-padding">
                <ul class="unstyled list-striped pricing-table">
                    <li> Unlimited</li>
                    <li> Unlimited</li>
                    <li> Unlimited</li>
                    <li> Unlimited</li>
                    <li> $50</li>

                    <li>
                        <i class="icon-ok green"></i>
                        2
                    </li>
                </ul>

                <div class="price">
												<span class="label label-large label-inverse arrowed-in arrowed-in-right">
													$25
													<small>/month</small>
												</span>
                </div>
            </div>

            <div>
                <a href="#" class="btn btn-block btn-small btn-success">
                    <span>Buy</span>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="span2 pricing-span">
    <div class="widget-box pricing-box-small">
        <div class="widget-header header-color-grey">
            <h5 class="bigger lighter">Extreme</h5>
        </div>

        <div class="widget-body">
            <div class="widget-main no-padding">
                <ul class="unstyled list-striped pricing-table">
                    <li> Unlimited</li>
                    <li> Unlimited</li>
                    <li> Unlimited</li>
                    <li> Unlimited</li>
                    <li> $100</li>

                    <li>
                        <i class="icon-ok green"></i>
                        3
                    </li>
                </ul>

                <div class="price">
												<span class="label label-large label-inverse arrowed-in arrowed-in-right">
													$30
													<small>/month</small>
												</span>
                </div>
            </div>

            <div>
                <a href="#" class="btn btn-block btn-small btn-grey">
                    <span>Buy</span>
                </a>
            </div>
        </div>
    </div>
</div>
</div>

<!--PAGE CONTENT ENDS HERE-->
</div><!--/row-->